﻿@model List<SIIV.Data.Analisis>
           
@{WebGrid grid = new WebGrid(Model, ajaxUpdateContainerId: "grid", rowsPerPage: 4, ajaxUpdateCallback: "ocultarResultados");}
<script type="text/javascript">
    $(function () {
        //hover states on the static widgets
        $('ul#icons li').hover(
		    function () { $(this).addClass('ui-state-hover'); },
		    function () { $(this).removeClass('ui-state-hover'); }
	    );
    })
</script>
<style type="text/css">
    .centrado
    {
        text-align:center;
        }
</style>

@if (Model.Count.Equals(0))
{
    <p>Hasta el momento no existen análisis.</p>
}
else
{
    @grid.GetHtml(
        columns: new[]{ 
            grid.Column("Fecha", "Fecha", style: "centrado"),
            grid.Column("Muestra.Protocolo.Codigo", "Protocolo", style: "centrado"),         
            grid.Column("TipoDeAnalisis.Nombre", "Tipo de Análisis", style: "centrado"),
            grid.Column("Muestra.TiposDeMuestra.Nombre", "Tipo de Muestra", style: "centrado"),
            grid.Column("Muestra.Animal.Nombre", "Animal", style: "centrado"),
            grid.Column(header: "Campo", format: item => @item.Muestra.Animal.IdCampo != null ? @item.Muestra.Animal.Campo.Nombre : "Sin Asignar", style: "centrado"),
            grid.Column("EstadoDeAnalisis.Nombre", "Estado", style: "centrado"),
            grid.Column(null, "Ver", format: 
                    @<ul id="icons" class="ui-widget ui-helper-clearfix">
                        <li onclick="@string.Format("verResultados({0})", @item.IdAnalisis)" resultados=@item.ResultadosDeAnalisis.Count class="ui-state-default ui-corner-all" title="Marcar como Leída"><span class="ui-icon ui-icon-check"></span></li>                        
                    </ul>, style: "acciones")},
        htmlAttributes: new { @class = "art-article", @style = "width:100%", @id = "grid" })
}
<script type="text/javascript">
    function ocultarResultados() {
        $("li").each(function () {
            if ($(this).attr("resultados") == 0) {
                $(this).css("visibility", "hidden");
            }
        });
    }

    ocultarResultados();
</script>